.header{
    width: 100%;
    background: rgb(63,64,68);
    height: 36px;
}
.nav1{
    height: 60px;
    line-height: 60px;
    border-bottom:2px solid silver;
    .left{
        float: left;
    }
    .right{
        float: right;
        ul{
            li{
                float: left;
                line-height: 60px;
//              width: 68px;
                padding: 0 20px;
                text-align: center;               
                a{
                    color: #666;
                    font-size: 14px;
                }
            }
        }
    }
}
.floor1{
    width: 100%;
    height: 663px;
    background: url(../img/img1/boxonebg.png);
    img{
        height: 663px;
    }
}
.floor2{
    height: 640px;
    width: 100%;
    .video{
        margin: 30px 0;
        height: 640px;
        
    }
}
.floor3{
    margin-top: 30px;
    height: 770px;
    background: url(../img/img1/greenbg.png);
    width: 100%;
    img{
        display: block;
        width: 1432px;
        height: 770px;
        margin: 0 auto;
    }
}
.floor4{
    text-align: center;
    margin-top: 30px;
    height: 768px;
    width: 100%;
    background: url(../img/img1/f2bg.png);
    .p1{
        font-size: 36px;
        height: 60px;
        line-height: 60px;
        font-weight: 200;
        padding-top: 30px;
      
    }
    .p2{
        font-size: 20px;
        line-height: 40px;
        font-weight: 500;
    }
    .p3{
        font-size: 20px;
        line-height: 40px;
        font-weight: 500;
    }
}
.floor5{
    text-align: center;
}
.floor6{
    
    height: 768px;
    width: 100%;
    background: url(../img/img1/f6bg.png);
    text-align: center;
    p{
        font-size: 36px;
        height: 160px;
        line-height: 160px;
        font-weight: 200;
    }
}
.floor7{
    
    height: 803px;
    width: 100%;
    background: #fff;
    text-align: center;
    p{
        font-size: 36px;
        height: 160px;
        line-height: 160px;
        font-weight: 200;
    }
}
.floor8{
    height: 593px;
    width: 100%;
    background: url(../img/img1/f8bg.png);
    text-align: center;
    p{
        font-size: 36px;
        height: 100px;
        line-height: 110px;
        font-weight: 200;
    }
    .p2{
        font-size: 20px;
        line-height: 50px;

    }
}
//九楼的信息
.floor9{
    height: 1200px;
    width: 100%;
    text-align: center;
    p{
        font-size: 36px;
        height: 110px;
        line-height: 110px;
        font-weight: 200;
    }
    table{
        margin: 0 auto;
        position: relative;
        top: 50px;
        width: 1000px;
        border: none;
        border-collapse: collapse;
        tr{
            td{
                border: 1px solid #ccc;
                text-indent: 50px;
                padding: 10px 0;
                font-size: 18px;
                text-align: left;
                color: #323232;
            }
            td:hover{
                background: #eef3f7;
            }
        }
    }

}
//十楼时间倒计时
.floor10{
    width: 100%;
    background: #ec6b42;
    height: 550px;
    .left{
        float: left;
        padding-top: 40px;
    }
    .right{
        margin-left: 40px;
        float: left;
        width: 450px;
        height: 410;
        color: white;
        .p1{
            font-size: 36px;
            font-weight: 500;
            padding-top: 50px;
        }
        .p2{
            padding-top: 20px;
            font-weight: 500;
            font-size: 16px;
        }
        .p3{
            a{
                display: block;
                height: 50px;
                color: #fff;
                width: 250px;
                border: 1px solid #fff;
                border-radius: 5px;
                margin-top: 50px;
                text-align: center;
                line-height: 50px;
                font-size: 20px;
                font-weight: 500;
            }
            a:hover{
                background: #fff;
                color: #ec6b42;
            }
        }
        .p4{
            padding-top: 30px;
            .sp1{
                padding-top: 20px;
                font-weight: 500;
                font-size: 16px;
            }
            .sp2{
                font-size: 30px;
            }
        }
        .p5{
            padding-top: 30px;
            .sp1{
                height: 41px;
                line-height: 41px;
                font-size: 16px;
                margin-right: 10px;
            }
            .sp2,.sp3,.sp4,.sp5{
                padding-top: 5px;
                height: 41px;
                line-height: 41px;
                border-radius: 5px;
                background: white;
                color: #ec6b42;
                font-size: 36px;
                padding: 0 10px;
                margin-right: 10px; 
            }
        }
    }
}
//11loou
.floor11{   
    height: 590px;
    width: 100%;
    background: url(../img/img1/zsbg.png);
    text-align: center;
    .p1{
        padding-top: 30px;
        font-size: 36px;
        height: 60px;
        line-height: 60px;
        font-weight: 200;
    }
    .p2{
        font-size: 17px;
    }
}
//联系我们
.contact{
    width: 100%;
    height: 600px;
    background: url(../img/img1/ftbg.png);
    background-size: 100% 100%;
    color: white;
    .p1{
        font-size: 36px;
        height: 50px;
        line-height: 50px;
        font-weight: 200;
        text-align: center;
        padding-top: 50px;
    }
    .left{
        margin: 40px 0 0 40px;
        float: left;
        p{
            font-size: 20px;
            height: 50px;
            line-height: 50px;
            font-weight: 100;
        }
    }
    .right{
        margin: 20px 50px 0 0px;
        text-align: center;
        float: right;
        p{
            font-size: 20px;
            height: 50px;
            line-height: 50px;
            font-weight: 100;
        }
    }
}
.footer1{
    color: #fff;
    font-size: 14px;
    background: #3f4043;
    padding: 30px 0;
    text-align: center;
    font-weight: 200;
    height: 180px;
    a{
        color: #fff;
        font-size: 14px;
        text-align: center;
        font-weight: 200;
    }
    //为什么写的html的样式在网页中显示的不一样
    .p1{
        margin-top: 30px;
        display: block !important;
    }
        ul{
            height: 15px;
            li{
                padding: 0 10px;
                width: 60px;
                float: left;
                border-right: 1px solid silver;
                height: 15px;
                line-height:15px;
            }
            span{
                float: left;
                position: relative;
                top: -4px;
                left: 8px;
            }
        }
       .p2{
           margin-top: 10px;
       }
    .p2,.p3,.p4{
        display: block !important;
        height: 40px;
        line-height: 40px;
    }
}
